.top-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px;
  padding: 10px;
  width: 100%;

  .location {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border-radius: 5px 0 0 5px;

    .icon-arrow {
      font-size: 5px;
    }
  }

  .search {
    flex: 1;
    background-color: #fff;
    margin-right: 10px;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    color: #888;
    border-radius: 0 5px 5px 0;

    .icon-seach {
      font-size: 14px;
      padding: 0 2px;
    }
  }

  i.icon-map {
    color: #fff;
    font-size: 25px;
  }
}